<meta charset="utf-8">
<ion-view view-title="发现">
	<!--下拉刷新-->
	<!--<ion-refresher pulling-text="Pull to refresh..." on-refresh="doRefresh()" spinner="android">
			</ion-refresher>-->

	<style>
		.faxian {
			width: 100%;
			height: 100%;
			margin: 0 auto;
		}
		
		.faxian ul {
			margin: 0 auto;
		}
		
		.faxian li {
			list-style: none;
			width: 33.3%;
			height: 40px;
			float: left;
			font-family: "微软雅黑";
		}
		
		.faxian li .pic {
			margin: 0px auto;
			position: relative;
			line-height: 40px;
		}
		
		.faxian li .tit {
			display: block;
			text-align: center;
			font-size: 12px;
			;
			position: relative;
			font-family: "微软雅黑";
		}
		
		.faxian li .tit img {
			width: 25px;
			height: 25px;
			vertical-align: middle;
		}
		.faxian a {
			color: black;
		}
		.faxianbg {
			width: 100%;
			height: 25em;
	background-image: url(img/faxian/111.jpg);
	background-size: 100% 100%;
		}
	</style>
	<ion-content overflow-scroll="true"  style='background-image: url(img/faxian/faxian111.png); background-size: 100% 100%;'>
		<div class="faxianbg">
			<div class="item-input-inset" style="top: 70%;">
				<label class="item-input-wrapper" style="border-radius: 10px;background-color: rgba(255,255,255,.8);">
      				<i class="icon  ion-ios-search-strong placeholder-icon"></i>
       				<input type="search" placeholder="请输入要搜索的内容" ng-model="searchName" style="opacity: 1;color:#A7A7A7;font-family: '微软雅黑';" ng-change="search(searchName)">
   			</label>
			</div>
		</div>
		<div  >
		<div style="height: 70px; text-align: center; line-height: 70px;">
			<span style="font-family: '微软雅黑';color: #FFFFFF; font-size: .8rem;" >—— 按分类查找活动 ——</span>
		</div>

		<div class="faxian clearfix" >
			<ul class="clearfix">
				<li>
					<a href="#/tab/faxian/才艺培训" >
						<div class="pic">

							<p class="tit"><img src="img/faxian/cym.png" />才艺培训</p>
						</div>
					</a>
				</li>

				<li>
					<a href="#/tab/faxian/娱乐派对">
						<div class="pic">

							<p class="tit"><img src="img/faxian/ylpd.png" />娱乐派对</p>
						</div>
					</a>
				</li>
				<li>
					<a href="#/tab/faxian/亲子摄影">
						<div class="pic">

							<p class="tit"><img src="img/faxian/szsy.png" />亲子摄影</p>
						</div>
					</a>
				</li>
				<li>
					<a href="#/tab/faxian/图书阅读">
						<div class="pic">

							<p class="tit"><img src="img/faxian/tsyd.png" />图书阅读</p>
						</div>
					</a>
				</li>
				<li>
					<a href="#/tab/faxian/手工DIY">
					<div class="pic">

						<p class="tit"><img src="img/faxian/DIY.png" />手工DIY</p>
					</div></a>
				</li>
				<li><a href="#/tab/faxian/亲子团购">
					<div class="pic">

						<p class="tit"><img src="img/faxian/csm.png" />亲子团购</p>
					</div></a>
				</li>
				<li>
					<a href="#/tab/faxian/户外运动">
					<div class="pic">

						<p class="tit"><img src="img/faxian/hwyd.png" />户外运动</p>
					</div></a>
				</li>

				<li>	<a href="#/tab/faxian/趣味旅游">
					<div class="pic">

						<p class="tit"><img src="img/faxian/qwly.png" />趣味旅游</p>
					</div></a>
				</li>
				<li><a href="#/tab/faxian/健康体检">
					<div class="pic">

						<p class="tit"><img src="img/faxian/jktj.png" />健康体检</p>
					</div></a>
				</li>
				<li><a href="#/tab/faxian/亲子活动">
					<div class="pic">

						<p class="tit"><img src="img/faxian/qzhd.png" />亲子活动</p>
					</div></a>
				</li>
				<li><a href="#/tab/faxian/电影演出">
					<div class="pic">

						<p class="tit"><img src="img/faxian/dy.png" />电影演出</p>
					</div></a>
				</li>
				<li><a href="#/tab/faxian/全部分类">
					<div class="pic">

						<p class="tit"><img src="img/faxian/quanbu.png" />全部分类</p>
					</div></a>
				</li>
			</ul>
		</div>

		</div>
		</div>
	</ion-content>
</ion-view>